<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>details</title>
</head>

<body>
    <!-- 最顶部 -->
    <div id="top">
        <div class="top con">
            <div class="top-left float_l">
                <span href="#">欢迎来到丝芙兰</span>
                <a href="login.html">请登录</a>
                <i></i>
                <a href="register.html">免费注册</a>
                <a href="#">手机验证码登录</a>
            </div>
            <div class="top-animate">
                <a href="#">丝芙兰正品承诺</a>
                <a href="#">常见问题</a>
            </div>
            <ul class="top-right float_r">
                <li class="my">
                    <span></span>
                    <a href="#">我的丝芙兰</a>
                    <em></em>
                    <div class="my-content">
                        <a href="#">我的订单</a>
                    </div>
                </li>
                <li class="vip">
                    <span></span>
                    <a href="#">会员俱乐部</a>
                </li>
                <li class="phone">
                    <span></span>
                    <a href="#">手机丝芙兰</a>
                </li>
                <li><a href="#">美力事业</a></li>
                <li><a href="#">帮助中心</a></li>
            </ul>
        </div>
    </div>
    <!-- 搜索 -->
    <div class="search con">
        <div class="search-img float_l">
            <a href="index.html"><img src="./images/sep_top_Logo.png" alt=""></a>
        </div>
        <div class="search-input float_l">
            <input type="text" class="float_l" placeholder="臻美彩妆">
            <div class="button float_l">搜索</div>
            <p>
                <a href="#">周末秒杀</a>
                <a href="#">丝芙兰隐藏好物</a>
                <a href="#">夏季洁面大作战</a>
                <a href="#">夏日护肤指南</a>
                <a href="#">百色唇色不挑皮</a>
                <a href="#">探索经典香氛艺术</a>
            </p>
        </div>
        <div class="search-gw float_r">
            <a href="#">
                <em></em>
                购物袋<span>0</span>件
            </a>
            <div class="search-gw-hover">
                <em class="float_l"></em>
                <div class="float_l">
                    <span>购物车内暂时没有商品,登录后将显示您之前加入的商品</span>
                    <p>登录</p>
                </div>
            </div>
        </div>
    </div>
    <!-- nav 二级导航 轮播  -->
    <div class="content con clear">
        <!-- 二级导航 -->
        <div class="content-list float_l">
            <a href="#" class="list_a">全部商品类目</a>
            <div class="decoration">
                <i></i><i></i>
            </div>
            <ul>
                <li>
                    <h3>功效</h3>
                    <p>
                        <a href="#">入夏防晒攻略</a>
                        <a href="#">护肤节日爱礼</a>
                    </p>
                    <div class="content-box">
                        <div class="content-cover"></div>
                    </div>
                    <div class="content-list-right">
                        <!-- 二级导航 -->
                        <div class="list_left float_l">
                            <h3>功效</h3>
                            <div class="parent clear">
                                <div class="child">
                                    <div class="clear">
                                        <h4>保湿</h4>
                                        <a href="#">舒缓</a><a href="#">保湿补水</a>
                                    </div>
                                    <div class="clear">
                                        <h4>清洁</h4>
                                        <a href="#">去角质</a><a href="#">卸妆清洁</a>
                                    </div>
                                </div>
                                <div class="child">
                                    <div class="clear">
                                        <h4>美白</h4>
                                        <a href="#">淡斑</a><a href="#">提高肤色</a><a href="#">淡化黑眼圈</a>
                                    </div>
                                    <div class="clear">
                                        <h4>底妆修容</h4>
                                        <a href="#">提高肤色</a><a href="#">遮瑕</a><a href="#">隔离</a>
                                    </div>
                                    <div class="clear">
                                        <h4>抗老</h4>
                                        <a href="#">抗污染</a><a href="#">抗皱</a><a href="#">抗氧化</a>
                                    </div>
                                    <div class="clear">
                                        <h4>紧致</h4>
                                        <a href="#">淡化细纹</a><a href="#">提拉紧致</a>
                                    </div>
                                </div>
                                <div class="child">
                                    <div class="clear">
                                        <h4>保湿</h4>
                                        <a href="#">舒缓</a><a href="#">保湿补水</a>
                                    </div>
                                    <div class="clear">
                                        <h4>清洁</h4>
                                        <a href="#">去角质</a><a href="#">卸妆清洁</a>
                                    </div>
                                </div>
                                <ul class="list-r-bottom">
                                    <li><a href="#"><img src="./images/biotherm_144X60.png" alt=""></a></li>
                                    <li><a href="#"><img src="./images/biotherm_144X60.png" alt=""></a></li>
                                    <li><a href="#"><img src="./images/biotherm_144X60.png" alt=""></a></li>
                                    <li><a href="#"><img src="./images/biotherm_144X60.png" alt=""></a></li>
                                </ul>
                            </div>
                        </div>
                        <div class="list-right-img float_r">
                            <img src="./images/hp_tiffany_20181102.jpg" alt="">
                        </div>
                        <!-- 二级导航结束 -->
                    </div>
                </li>
                <li>
                    <h3>功效</h3>
                    <p>
                        <a href="#">入夏防晒攻略</a>
                        <a href="#">护肤节日爱礼</a>
                    </p>
                    <div class="content-box">
                        <div class="content-cover"></div>
                    </div>
                    <div class="content-list-right">22</div>
                </li>

                <li>
                    <h3>功效</h3>
                    <p>
                        <a href="#">入夏防晒攻略</a>
                        <a href="#">护肤节日爱礼</a>
                    </p>
                    <div class="content-box">
                        <div class="content-cover"></div>
                    </div>
                    <div class="content-list-right">333 </div>
                </li>

                <li>
                    <h3>功效</h3>
                    <p>
                        <a href="#">入夏防晒攻略</a>
                        <a href="#">护肤节日爱礼</a>
                    </p>
                    <div class="content-box">
                        <div class="content-cover"></div>
                    </div>
                    <div class="content-list-right">22</div>
                </li>

                <li>
                    <h3>功效</h3>
                    <p>
                        <a href="#">入夏防晒攻略</a>
                        <a href="#">护肤节日爱礼</a>
                    </p>
                    <div class="content-box">
                        <div class="content-cover"></div>
                    </div>
                    <div class="content-list-right">22</div>
                </li>
            </ul>
        </div>
        <!-- nav -->
        <ul class="content-top float_l">
            <li>
                <a href="#">畅销榜单</a>
            </li>
            <li>
                <a href="#">独家发售</a>
            </li>
            <li>
                <a href="#">礼物套装</a>
            </li>
            <li>
                <a href="#">全部品牌</a>
                <div class="content-select">
                    <div class="left float_l">
                        <input type="search" placeholder="搜索" class="content-search">
                        <div class="span">
                            <a href="#">A</a>
                            <a href="#">B</a>
                            <a href="#">C</a>
                            <a href="#">D</a>
                            <a href="#">E</a>
                            <a href="#">F</a>
                            <a href="#">G</a>
                            <a href="#">H</a>
                            <a href="#">I</a>
                            <a href="#">J</a>
                            <a href="#">K</a>
                            <a href="#">L</a>
                            <a href="#">M</a>
                            <a href="#">N</a>
                            <a href="#">O</a>
                            <a href="#">P</a>
                            <a href="#" style="color:#ccc;">Q</a>
                            <a href="#">R</a>
                            <a href="#">S</a>
                            <a href="#">T</a>
                            <a href="#">U</a>
                            <a href="#">V</a>
                            <a href="#">W</a>
                            <a href="#" style="color:#ccc;">X</a>
                            <a href="#">Y</a>
                            <a href="#" style="color:#ccc;">Z</a>
                            <a href="#">0-9</a>
                        </div>
                    </div>
                    <div class="right float_r">
                        <h4 id="A" style="color: black;">A</h4>
                        <p><a href="#">ACQUADIPARMA 帕尔玛之水</a></p>
                        <p><a href="#">ALGENIST 奥杰尼</a></p>
                        <p><a href="#">AMAZINGCOSMETICS® 奥玛珍</a></p>
                        <p><a href="#">ANNASUI 安娜苏</a></p>
                        <p><a href="#">AtelierCologne 欧珑</a></p>
                        <p><a href="#">ATKINSONS 阿特金森</a></p>
                        <h4 id="B" style="color: black;">B</h4>
                        <p><a href="#">BALENCIAGA 巴黎世家</a></p>
                        <p><a href="#">beautyblender 美妆蛋</a></p>
                        <p><a href="#">Belloite 贝洛之舞</a></p>
                        <p><a href="#">BENEFIT 贝玲妃</a></p>
                        <h4 id="C" style="color: black;">C</h4>
                        <p><a href="#">BALENCIAGA 巴黎世家</a></p>
                        <p><a href="#">beautyblender 美妆蛋</a></p>
                        <p><a href="#">Belloite 贝洛之舞</a></p>
                        <p><a href="#">BENEFIT 贝玲妃</a></p>
                        <p><a href="#">BENEFIT 贝玲妃</a></p>
                        <p><a href="#">BENEFIT 贝玲妃</a></p>
                        <h4 id="D" style="color: black;">D</h4>
                        <p><a href="#">BALENCIAGA 巴黎世家</a></p>
                        <p><a href="#">beautyblender 美妆蛋</a></p>
                        <p><a href="#">Belloite 贝洛之舞</a></p>
                        <p><a href="#">BENEFIT 贝玲妃</a></p>
                        <p><a href="#">BENEFIT 贝玲妃</a></p>
                        <p><a href="#">BENEFIT 贝玲妃</a></p>
                        <h4 id="E" style="color: black;">E</h4>
                        <p><a href="#">BALENCIAGA 巴黎世家</a></p>
                        <p><a href="#">beautyblender 美妆蛋</a></p>
                        <p><a href="#">Belloite 贝洛之舞</a></p>
                        <p><a href="#">BENEFIT 贝玲妃</a></p>
                        <p><a href="#">BENEFIT 贝玲妃</a></p>
                        <p><a href="#">BENEFIT 贝玲妃</a></p>
                    </div>
                </div>
            </li>
            <li>
                <a href="#">预约中心</a>
            </li>
        </ul>
        <img src="./images/navigation_shopping.png" class="float_r ad" alt="">
    </div>
    <div id="details-warp" class="con">
        <div class="ms-progress">
            <a href="#">首页</a>
            <em>></em>
            <a href="#">护肤</a>
            <em>></em>
            <a href="#">惠选套餐</a>
            <em>></em>
            <a href="#">惠选套餐</a>
            <em>></em>
            <a href="#">SK-II</a>
            <em>></em>
            <span>SK-I 神仙水限量版胸针惠选套组B</span>
        </div>
        <div id="scale-wrap">
            <div class="scale-left">
                <div class="smallBox">
                    <div class="big-con"></div>
                    <img src="./images/1_n_09025_640x640.jpg" alt="">
                    <img src="./images/2_n_09025_640x640.jpg" alt="">
                    <div class="scale-box"></div>
                </div>
                <div class="changeBox">
                    <div class="arrow">
                        <div class="arrow-bg"></div>
                    </div>
                    <ul>
                        <li><img src="./images/1_n_09025_50x50.jpg" alt=""></li>
                        <li><img src="./images/2_n_09025_50x50.jpg" alt=""></li>
                        <li></li>
                        <li></li>
                        <li></li>
                    </ul>
                    <div class="arrow">
                        <div class="arrow-bg"></div>
                    </div>
                </div>
                <div class="bigBox">
                    <img src="./images/1_n_09025_1200x1200.jpg" alt="">
                    <img src="./images/2_n_09025_1200x1200.jpg" alt="">
                </div>
            </div>
            <div class="scale-right">
                <div class="msg-title">
                    <div class="msg-title-left">
                        <h3>SK-II 神仙水限量版胸针惠选套组B</h3>
                        <p>SK-II FACIAL TREATMENT ESSENCE TOKYO GIR VALUE SET</p>
                    </div>
                    <img src="./images/skii_144X60.png" alt="">
                </div>
                <div class="msg-price">
                    <div class="price-top clear">
                        <p>价格</p>
                        <span>￥</span>
                        <em>2820</em>
                    </div>
                    <div class="price-bottom">
                        <p>活动</p>
                        <span>满赠</span>
                        <em>全场购买任意产品，即送雅诗兰黛持妆粉底液（17）1ml*2+兰蔻持妆轻透粉底液（PO-01)1ml*2，限量50000份，送完即止</em>
                        <i>促销详情<b></b></i>
                    </div>
                </div>
                <div class="msg-size">
                    <p>活动</p>
                    <ul>
                        <li class="now">
                            <span>赠胸针乒乓球</span>
                        </li>
                        <li>
                            <span>赠胸针排球</span>
                        </li>
                        <li>
                            <span>赠胸针游泳</span>
                        </li>
                    </ul>
                </div>
                <div class="msg-num">
                    <div class="num float_l">
                        <input type="text" value="1">
                        <div class="num-right">
                            <div class="arrow">
                                <div class="icon1"></div>
                            </div>
                            <div class="arrow">
                                <div class="icon2"></div>
                            </div>
                        </div>
                    </div>
                    <div class="limit float_l">(每人限购10件)</div>
                </div>
                <div class="msg-get-gwc">
                    <div class="msg-get-box">
                        <p>加入购物车</p>
                        <div class="msg-get-bg"></div>
                    </div>
                </div>
            </div>
        </div>
        <div class="clear"></div>
        <div class="guessyoulike float_l">
            <h4 class="guess-title">猜你喜欢</h4>
            <div class="guess-wrap">
                <div>
                    <img src="./images/1_n_09031_280x280.jpg" alt="">
                    <p class="header">SK-II</p>
                    <div class="blackline"></div>
                    <div class="mainText">SK-II 神仙水限量版胸针惠选套组D</div>
                    <div class="price">
                        <span>￥</span>
                        <p>3130</p>
                    </div>
                </div>
                <div>
                    <img src="./images/1_n_09031_280x280.jpg" alt="">
                    <p class="header">SK-II</p>
                    <div class="blackline"></div>
                    <div class="mainText">SK-II 神仙水限量版胸针惠选套组D</div>
                    <div class="price">
                        <span>￥</span>
                        <p>3130</p>
                    </div>
                </div>
                <div>
                    <img src="./images/1_n_09031_280x280.jpg" alt="">
                    <p class="header">SK-II</p>
                    <div class="blackline"></div>
                    <div class="mainText">SK-II 神仙水限量版胸针惠选套组D</div>
                    <div class="price">
                        <span>￥</span>
                        <p>3130</p>
                    </div>
                </div>
                <div>
                    <img src="./images/1_n_09031_280x280.jpg" alt="">
                    <p class="header">SK-II</p>
                    <div class="blackline"></div>
                    <div class="mainText">SK-II 神仙水限量版胸针惠选套组D</div>
                    <div class="price">
                        <span>￥</span>
                        <p>3130</p>
                    </div>
                </div>
                <div>
                    <img src="./images/1_n_09031_280x280.jpg" alt="">
                    <p class="header">SK-II</p>
                    <div class="blackline"></div>
                    <div class="mainText">SK-II 神仙水限量版胸针惠选套组D</div>
                    <div class="price">
                        <span>￥</span>
                        <p>3130</p>
                    </div>
                </div>
                <div>
                    <img src="./images/1_n_09031_280x280.jpg" alt="">
                    <p class="header">SK-II</p>
                    <div class="blackline"></div>
                    <div class="mainText">SK-II 神仙水限量版胸针惠选套组D</div>
                    <div class="price">
                        <span>￥</span>
                        <p>3130</p>
                    </div>
                </div>
               
            </div>
        </div>
        <div class="product float_l">
            <ul class="product-title clear">
                <li class="now">基本信息</li>
                <li>所有评论</li>
                <li>产品咨询</li>
                <li>配送信息</li>
            </ul>
            <div class="baseMsg">
                <div class="sku">
                    <ul>
                        <li>适用人群: 女士</li>
                        <li>适用部位: 面部</li>
                        <li>功效: 保湿补水/提亮肤色/细致毛孔</li>
                        <li>适合肤质: 各种肤质</li>
                        <li>质地: 水液</li>
                        <li>规格: 赠胸针乒乓球</li>
                        <li>货号: VS1011159</li>
                    </ul>
                    <div class="details-text">
                        <ul class="clear">
                            <div class="title clear">
                                <i></i>
                                <span>主要成分</span>
                            </div>
                            <li>
                                <p>赠胸针乒乓球</p>
                                <p>【主品】</p>
                                <p>SK-II护肤精华露和风娃娃限定版粉色 230ML</p>
                                <p>SK-II微肌因赋活修护精华露 50ML</p>
                                <p>【赠品】</p>
                                <p>SK-II 2020胸针 排球</p>
                                <p>赠胸针游泳</p>
                                <p>【主品】</p>
                                <p>SK-II护肤精华露和风娃娃限定版粉色 230ML</p>
                                <p>SK-II微肌因赋活修护精华露 50ML</p>
                                <p>【赠品】</p>
                                <p>SK-II 2020胸针3 游泳</p>
                            </li>
                        </ul>
                        <ul>
                            <div class="title clear">
                                <i></i>
                                <span>产地</span>
                            </div>
                            <li><p>见中文标签</p></li>
                        </ul>
                    </div>
                    <div class="comment">
                        <p>商品评价</p>
                        <p>COMMENTS</p>
                        <div class="shortline"></div>
                        <div class="comment-content clear">
                            <i></i>
                            <p>此商品暂时还没有评价哦~</p>
                        </div>
                    </div>
                    <div class="comment">
                        <p>产品咨询</p>
                        <p>Q&A</p>
                        <div class="shortline"></div>
                        <div class="comment-content clear">
                            <i></i>
                            <p>有疑问快来发布第一个问题吧~</p>
                            <em>我要咨询</em>
                        </div>
                    </div>
                    <div class="comment">
                        <p>支付及配送</p>
                        <p>PAYMENT&SHIPPING</p>
                        <div class="shortline"></div>
                        
                    </div>
                    <div class="comment">
                        <p>价格声明</p>
                        <p>PRICE STATEMENT</p>
                        <div class="shortline"></div>
                       
                    </div>
                    <div class="comment">
                        <p>退换货规定</p>
                        <p>RETURN PROVISIONS</p>
                        <div class="shortline"></div>

                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="clear" style="margin-bottom:80px"></div>
     <!-- 底部 -->
     <footer>
        <div class="aboutMe con">
            <div class="aboutMe-content">
                <em></em>
                <span>顺丰EMS速达</span>
            </div>
            <div class="aboutMe-content">
                <em></em>
                <span>丰富礼赠</span>
            </div>
            <div class="aboutMe-content">
                <em></em>
                <span>100%官方正品</span>
            </div>
            <div class="aboutMe-content">
                <em></em>
                <span>无障碍退款</span>
            </div>
            <div class="aboutMe-content">
                <em></em>
                <span>安全支付</span>
            </div>
        </div>
        <div class="links con">
            <ul class="links-list">
                <li>
                    <h5><a href="#">购物流程</a></h5>
                    <p><a href="#">大宗采购/团购</a></p>
                    <p><a href="#">丝芙兰预付卡章程</a></p>
                </li>
                <li>
                    <h5><a href="#">支付/配送</a></h5>
                    <p><a href="#">货到付款</a></p>
                    <p><a href="#">在线支付</a></p>
                    <p><a href="#">配送时间</a></p>
                </li>
                <li>
                    <h5><a href="#">售后服务</a></h5>
                    <p><a href="#">退货款规定</a></p>
                    <p><a href="#">退换及退款说明</a></p>
                </li>
                <li>
                    <h5><a href="#">关于丝芙兰</a></h5>
                    <p><a href="#">公司介绍</a></p>
                    <p><a href="#">联系我们</a></p>
                </li>
                <li>
                    <h5><a href="#">网上订购咨询热线 : 400 670 0055</a></h5>
                </li>
            </ul>
        </div>
        <div class="bottom">
            <div class="bottom-wrap con">
                <a href="#">沪公网安备 31010602003121号</a>
                <a href="#">ICP备案序号:沪ICP备05026645号</a>
                <a href="#">食品经营许可证</a>
                <a href="#">网站使用条款</a>
                <a href="#">严正声明</a>
                <p>本网站隶属于丝芙兰（上海）化妆品销售有限公司 (企业法人营业执照) 预付卡信息对接唯一标识 : 310101F5201530100309</p>
            </div>
        </div>
    </footer>
</body>
</html>